﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>机构用户中心</title>
    <link href="../css/base.css" rel="stylesheet" />
    <link href="../css/InstitutPublic.css" rel="stylesheet" />
    <!--字体图标-->
    <link href="../font/iconfont.css" rel="stylesheet" />
    <link href="../css/bootstarp.units.css" rel="stylesheet" />
    <link href="../css/InstitutMessage.css" rel="stylesheet" />
    <link href="../css/authorityMessage.css" rel="stylesheet" />
</head>
<body>
    <div class="top">
        <div class="top-main">
            <div class="top_right">
                <ul>
                    <li class="mm">
                        <a href="javascript://"><b>机构平台</b></a><em></em>
                    </li>
                    <li class="ms">
                        <a href="javascript://"><i class="icon iconfont">&#xe600;</i><b>导航</b></a>
                        <div class="xialaBox">
                            <div class="fleft xl">
                                <h5>文化分类</h5>
                                <div class="nav-list">
                                    <p><a href="javascript://">亲子活动</a></p>
                                    <p><a href="javascript://">公益活动</a></p>
                                    <p><a href="javascript://">展览展会</a></p>
                                    <p><a href="javascript://">名家讲坛</a></p>
                                    <p><a href="javascript://">技术研讨</a></p>
                                    <p><a href="javascript://">全名可普</a></p>
                                </div>
                            </div>
                            <div class="fleft xr">
                                <h6><a href="javascript://">活动讲座</a></h6>
                                <h6><a href="javascript://">文化资源</a></h6>
                                <h6><a href="javascript://">场馆预约</a></h6>
                                <h6><a href="javascript://">机构广场</a></h6>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="top_left">欢迎你，小芝麻<a href="javascript://">退出</a></div>
        </div>
    </div>
    <div class="head">
        <a href="javascript://" class="logos"><img src="../images/org-logo.jpg"/></a>
    </div>
    <div class="content" id="content">
        <div class="leftNav" id="leftNav">
            <ul>
                <li><a href="../organization/InstitutUserC.html">机构主页</a></li>
                <li><a href="../organization/InstitutMessage.html">机构信息</a></li>
                <li><a href="../organization/SiteManage.html">场地管理</a></li>
                <li><a href="../organization/ActivityManage.html">活动管理</a></li>
                <li><a href="../organization/MemberManage.html">成员管理</a></li>
                <li><a href="../organization/VenueRental.html">场地出租</a></li>
                <li><a href="../user/UserManage.html">用户管理</a></li>
                <li><a href="../organization/NotificatMessage.html">通知消息</a></li>
                <li><a href="../organization/StateMessage.html">统计管理</a></li>
                <li class="current"><a href="../organization/AuthorityMessage.html">权限管理</a></li>
                <li><a href="../organization/Announcements.html">公告管理</a></li>
                <li><a href="../organization/MaterialDesign.html">物料设计</a></li>
                <li><a href="../organization/CulturalResources.html">文化资源</a></li>
            </ul>
        </div>
        <div class="rightCont">
            <div class="right_head">
                <p>
                    <a href="javascript://"><i class="icon iconfont">&#xe604;</i></a>
                    <b></b>
                    <a href="javascript://">注销</a>
                </p>
                机构用户中心
            </div>
            <div id="cnt">
                <div class="jg_title">
                    <a href="javascript://" onclick="addarena()" class="click-link">添加角色</a>
                    <h1>权限管理</h1>
                    <p>添加角色，为角色分配权限</p>
                </div>
                <div class="memberList" style=" display:none;">
                    <ul>
                        <li>
                            <p><b>机构管理员</b></p>
                            <a href="javascript://">
                                <i class="icon iconfont">&#xe60c;</i>
                                <i class="icon iconfont">&#xe606;</i>
                                <i class="icon iconfont">&#xe60e;</i>
                            </a>
                        </li>
                        <li>
                            <p><b>机构管理员</b></p>
                            <a href="javascript://">
                                <i class="icon iconfont">&#xe60c;</i>
                                <i class="icon iconfont">&#xe606;</i>
                                <i class="icon iconfont">&#xe60e;</i>
                            </a>
                        </li>
                        <li>
                            <p><b>机构管理员</b></p>
                            <a href="javascript://">
                                <i class="icon iconfont">&#xe60c;</i>
                                <i class="icon iconfont">&#xe606;</i>
                                <i class="icon iconfont">&#xe60e;</i>
                            </a>
                        </li>
                        <li>
                            <p><b>机构管理员</b></p>
                            <a href="javascript://">
                                <i class="icon iconfont">&#xe60c;</i>
                                <i class="icon iconfont">&#xe606;</i>
                                <i class="icon iconfont">&#xe60e;</i>
                            </a>
                        </li>
                        <li>
                            <p><b>机构管理员</b></p>
                            <a href="javascript://">
                                <i class="icon iconfont">&#xe60c;</i>
                                <i class="icon iconfont">&#xe606;</i>
                                <i class="icon iconfont">&#xe60e;</i>
                            </a>
                        </li>
                        <li>
                            <p><b>机构管理员</b></p>
                            <a href="javascript://">
                                <i class="icon iconfont">&#xe60c;</i>
                                <i class="icon iconfont">&#xe606;</i>
                                <i class="icon iconfont">&#xe60e;</i>
                            </a>
                        </li>
                        <li>
                            <p><b>机构管理员</b></p>
                            <a href="javascript://">
                                <i class="icon iconfont">&#xe60c;</i>
                                <i class="icon iconfont">&#xe606;</i>
                                <i class="icon iconfont">&#xe60e;</i>
                            </a>
                        </li>
                        <li>
                            <p><b>机构管理员</b></p>
                            <a href="javascript://">
                                <i class="icon iconfont">&#xe60c;</i>
                                <i class="icon iconfont">&#xe606;</i>
                                <i class="icon iconfont">&#xe60e;</i>
                            </a>
                        </li>
                    </ul>
                </div>
                <div style=" display:block;">
                    <!--管理员权限设置-->
                    <div class="admin">
                        <h2><i class="icon iconfont">&#xe601;</i>管理员权限 设置</h2>
                        <div class="memberList">
                            <ul>
                                <li>
                                    <p><b>场地管理</b></p>
                                    <div class="clear"></div>
                                    <div class="switch">
                                        <b class=""></b>
                                        <i class="dian"></i>
                                    </div>
                                </li>
                                <li>
                                    <p><b>活动管理</b></p>
                                    <div class="clear"></div>
                                    <div class="switch">
                                        <b class=""></b>
                                        <i class="dian"></i>
                                    </div>
                                    <div class="switch-list">
                                        <div class="form-group">
                                            <label class="control-label">活动权限：</label>
                                            <div class="controls form-control-static">
                                                <label class="checkbox-inline"> <input type="checkbox" value="option1">活动信息</label>
                                                <label class="checkbox-inline"> <input type="checkbox" value="option1">场次管理</label>
                                                <label class="checkbox-inline"> <input type="checkbox" value="option1">订单管理</label>
                                                <label class="checkbox-inline"> <input type="checkbox" value="option1">评论管理</label>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <p><b>成员管理</b></p>
                                    <div class="clear"></div>
                                    <div class="switch">
                                        <b class=""></b>
                                        <i class="dian"></i>
                                    </div>
                                </li>
                                <li>
                                    <p><b>场地出租</b></p>
                                    <div class="clear"></div>
                                    <div class="switch">
                                        <b class=""></b>
                                        <i class="dian"></i>
                                    </div>
                                    <div class="switch-list">
                                        <div class="form-group">
                                            <label class="control-label">出租权限：</label>
                                            <div class="controls form-control-static">
                                                <label class="checkbox-inline"> <input type="checkbox" value="option1">租用申请</label>
                                                <label class="checkbox-inline"> <input type="checkbox" value="option1">租用场次</label>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <p><b>用户管理</b></p>
                                    <div class="clear"></div>
                                    <div class="switch">
                                        <b class=""></b>
                                        <i class="dian"></i>
                                    </div>
                                </li>
                                <li>
                                    <p><b>通知消息</b></p>
                                    <div class="clear"></div>
                                    <div class="switch">
                                        <b class=""></b>
                                        <i class="dian"></i>
                                    </div>
                                </li>
                                <li>
                                    <p><b>统计管理</b></p>
                                    <div class="clear"></div>
                                    <div class="switch">
                                        <b class=""></b>
                                        <i class="dian"></i>
                                    </div>
                                </li>
                                <li>
                                    <p><b>权限管理</b></p>
                                    <div class="clear"></div>
                                    <div class="switch">
                                        <b class=""></b>
                                        <i class="dian"></i>
                                    </div>
                                </li>
                                <li>
                                    <p><b>公告管理</b></p>
                                    <div class="clear"></div>
                                    <div class="switch">
                                        <b class=""></b>
                                        <i class="dian"></i>
                                    </div>
                                </li>
                                <li>
                                    <p><b>文化资源</b></p>
                                    <div class="clear"></div>
                                    <div class="switch">
                                        <b class=""></b>
                                        <i class="dian"></i>
                                    </div>
                                    <div class="switch-list">
                                        <div class="form-group">
                                            <label class="control-label">资源权限：</label>
                                            <div class="controls form-control-static">
                                                <label class="checkbox-inline"> <input type="checkbox" value="option1">资源信息</label>
                                                <label class="checkbox-inline"> <input type="checkbox" value="option1">派送管理</label>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 添加角色 -->
    <div id="addArena" style="display:none;">
        <div class="layer-body addArena form-horizontal">
            <h2 class="text-center">添加角色</h2>
            <fieldset class="form-body">
                <div class="form-group">
                    <label class="control-label">角色名称：</label>
                    <div class="controls">
                        <input type="text" class="form-control col-md-3" />
                    </div>
                </div>
                <div class="form-group text-center">
                    <button type="button" class="btn green">保存</button>
                </div>
            </fieldset>
        </div>
    </div>
    <script src="../js/jquery-1.9.1.min.js"></script>
    <script src="../plugins/layer/layer.js"></script>
    <script src="../js/animate.js"></script>
    <script>
        var addarena = function (e) {
            layer.open({
                type: 1,
                content: $("#addArena").html(),
                title: false,
                area: '470px'
            })
        };
        var keep = $("#keep");
        var save = $("#save");
        var edit = $("#edit");
        var onkeep = function () {
            keep.hide();
            save.show();
            edit.show();
        };
        var onsave = function (s) {
            var id = $(s).attr("data-ids");//获取指定场馆的id值
            //提交保存数据的逻辑
            console.log(id);
            keep.show();
            save.hide();
            edit.hide();
            off();
        }
        $(function () {
            //侧导航高度自适应
            onscrolls2();
            //开关按钮
            $(".switch").click(function () {
                $pp=$(this).find("b").hasClass("open");
                if(!$pp){
                    $(this).find("b").addClass("open");
                    $(this).find("i").css({"left":"33px","box-shadow":" -1px 0px 3px 1px #666"})
                }
                else {
                    $(this).find("b").removeClass("open");
                    $(this).find("i").css({"left":"3px","box-shadow":" 1px 1px 3px 1px #666;"})
                }
            })
        })
    </script>
</body>
</html>
